<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import = "java.net.*" %>
<%@ page import = "java.io.*" %>
<%@ page import="java.util.ArrayList"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
   
  	<%! String query = null; %>
   <%  
   		request.setCharacterEncoding("UTF-8");
   		query = request.getParameter("query");
   		String dQuery = URLDecoder.decode(query, "EUC-KR");
   		String eQuery =URLEncoder.encode(query, "UTF-8");
   %>
   
   <br>
  	쿼리 : <%= query %>,  <br>
  	디코딩한 쿼리 : <%= dQuery %>,   
  	
  	
  	
<br><br>
 *  1. 위의 query 변수를 사용해서 naver Image AIP에 요청을 보냅니다.<br>
 *  2. 응답을 받습니다(응답이 제대로 오는지 확인)<br>
 *  3. item안에 있는 title, link의 값을 얻으세요<br>
 *  4. title은 그냥 화면 출력, link는 img의 src의 값으로 출력<br>
<br><br>
	<%!String data = null; %>
	<%
		try {
			String key = "ea64a750b071b9a1732134f7ad93ca37";
			
			String line="";
			InputStream is = 
					new URL("http://openapi.naver.com/search?&display=10&start=1&target=image"+"&key="+key+"&query="+eQuery		
					).openStream();
			BufferedReader br = new BufferedReader(
					new InputStreamReader(is,"UTF-8"));
			StringBuilder sb = new StringBuilder();
			while((line=br.readLine()) != null) {
				sb.append(line+"\n");
			}
			data = sb.toString();	// 홈페이지 text를 다 받았다
			
			ArrayList<String> datas = new ArrayList<String>();
			ArrayList<String> datas2 = new ArrayList<String>();	
			boolean isWeather = false;
			int 시작 = 0;
			for(int i=0; i<data.length(); i++) {
				if(data.charAt(i) == '<') {
					if(data.substring(i, i+7).equals("<title>")) {
						시작 = i;
						isWeather = true;
					}
					else if(isWeather && data.substring(i, i+8).equals("</title>")) {
						datas.add(data.substring(시작+7, i));
						isWeather = false;
					}
					
					if(data.substring(i, i+6).equals("<link>")) {
						시작 = i;
						isWeather = true;
					}
					else if(isWeather && data.substring(i, i+7).equals("</link>")) {
						datas2.add(data.substring(시작+6, i));
						isWeather = false;
					}
				}
			}
				
			for(int i=0; i<datas.size(); i++) {%>
				<%= datas.get(i) %><br>
				<img src= " <%= datas2.get(i) %> " >
			<%}
		
		}catch(Exception e) {
			e.printStackTrace();
		}
	%>
	

</body>
</html>